<template>
  <div class="zhinan">
    <my-nav></my-nav>

    <div class="left-nav">
      <ul>
        <li :class="zsindex==index?'show':''" v-for="(item, index) in lists" :key="index" @click="handleClick(index)">
          <router-link to="">{{ item.name }}</router-link>
        </li>
      </ul>
    </div>

    <div class="conton">
      <div class="mianbaoxie">
<el-breadcrumb separator-class="el-icon-arrow-right">
  <el-breadcrumb-item :to="{ path:'/zhinan' }">读者指南</el-breadcrumb-item>
  <el-breadcrumb-item>入馆须知</el-breadcrumb-item>
</el-breadcrumb>
   <div class="bor"></div>
      </div>
      <div class="wenzhang">
        <h5 style="font-size: 20px">入馆须知：</h5>
        <p class="MsoNormal">
          <span lang="EN-US">1</span
          ><span style="font-family: 宋体"
            >、本院读者凭本人借阅证进馆；校外读者凭介绍信到馆办公室联系有关事宜。</span
          >
        </p>
        <p class="MsoNormal">
          <span lang="EN-US">2</span
          ><span style="font-family: 宋体"
            >、衣着整洁、不穿背心、拖鞋，不打赤膊、赤脚进馆。</span
          >
        </p>
        <p class="MsoNormal">
          <span lang="EN-US">3</span
          ><span style="font-family: 宋体"
            >、爱护馆内卫生，严禁随地吐痰，不吸烟，不吃零食，不乱丢纸屑和其他废弃物品。</span
          >
        </p>
        <p class="MsoNormal">
          <span lang="EN-US">4</span
          ><span style="font-family: 宋体"
            >、保持馆内肃静、有序。不高声交谈，严禁喧哗、争吵、打口哨；馆内行走请放轻脚步。</span
          >
        </p>
        <p class="MsoNormal">
          <span lang="EN-US">5</span
          ><span style="font-family: 宋体"
            >、爱护书刊资料及公共设施，损坏照价赔偿。</span
          >
        </p>
        <p class="MsoNormal">
          <span lang="EN-US">6</span
          ><span style="font-family: 宋体"
            >、读者入库前，请先阅读有关规章制度。如有疑问，向管理员咨询。</span
          >
        </p>
        <p class="MsoNormal">
          <span lang="EN-US">7</span
          ><span style="font-family: 宋体"
            >、遵守馆内规章制度，做文明读者，如有违章行为，按规定处理。</span
          >
        </p>
        <p class="MsoNormal">
          <span lang="EN-US">8</span
          ><span style="font-family: 宋体"
            >、欢迎读者以口头或书面形式提出批评、建议和宝贵意见。</span
          ><span lang="EN-US"> </span>
        </p>
        <h5 style="font-size: 20px">图书馆文明守则：</h5>
        <p class="MsoNormal">
          <span lang="EN-US">1</span
          ><span style="font-family: 宋体">、着装大方，举止文明。</span>
        </p>
        <p class="MsoNormal">
          <span lang="EN-US">2</span
          ><span style="font-family: 宋体"
            >、遵守图书馆制度，保持馆内安静，不得高声谈笑。</span
          >
        </p>
        <p class="MsoNormal">
          <span lang="EN-US">3</span
          ><span style="font-family: 宋体"
            >、讲文明、讲礼貌、讲秩序、讲安全，做遵章守纪的守文明读者。</span
          >
        </p>
        <p class="MsoNormal">
          <span lang="EN-US">4</span
          ><span style="font-family: 宋体"
            >、爱护图书，不得在书上勾画、批注，不得损坏图书。</span
          >
        </p>
        <p class="MsoNormal">
          <span lang="EN-US">5</span
          ><span style="font-family: 宋体"
            >、礼貌待人、说话和气、使用“请”、“谢谢”、“对不起”等礼貌用语。</span
          >
        </p>
        <p class="MsoNormal">
          <span lang="EN-US">6</span
          ><span style="font-family: 宋体"
            >、爱护馆内公物、设施，不得损坏和随意搬动，严禁乱写乱画。</span
          >
        </p>
        <p class="MsoNormal">
          <span lang="EN-US">7</span
          ><span style="font-family: 宋体"
            >、爱护卫生，不随地吐痰、不乱丢果皮、纸屑等。</span
          >
        </p>
        <p class="MsoNormal">
          <span lang="EN-US">8</span
          ><span style="font-family: 宋体">、馆内严禁吸烟、就餐或吃零食。</span
          ><span lang="EN-US">&nbsp;</span>
        </p>
      </div>
    </div>

    <my-footer></my-footer>
  </div>
</template>



<script>
import myNav from "../components/nav";
import myFooter from "../components/footer";

export default {
  components: {
    myNav,
    myFooter,
  },

  data() {
    return {
      zsindex:0,
      show: true,
      lists: [
        { name: "入馆须知" },
        { name: "馆藏分布" },
        { name: "外借册数和期限" },
        { name: "各阅览室规章" },
        { name: "证卡服务" },
      ],
    };
  },
  methods: {
    handleClick(index) {
      this.zsindex=index
    },
  },
};
</script>

<style >
.zhinan .conton .mianbaoxie{
 margin-top: 30px;
}
.zhinan .conton .bor{
  margin-top: 20px;
  border-bottom: 1px solid rgb(180, 175, 175);
}
.zhinan .conton .mianbaoxie .el-breadcrumb__inner   {
  font-size: 17px;
}
.show{
  background-color: rgb(214, 207, 207);
}
.zhinan {
  position: relative;
}
.zhinan .conton {
  height: 780px;

  padding-left: 550px;
}

.left-nav ul {
  padding: 0;
  height: 239px;
}
.left-nav li {
  cursor: pointer;
}
.left-nav {
  width: 300px;
  border: 1px solid grey;
  position: absolute;
  top: 200px;
  left: 50px;
}
.left-nav li {
  width: 300px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-top: 1px solid rgb(175, 175, 175);
}

.zhinan .left-nav .el-tabs__item:hover {
  color: aqua;
}

.el-container .el-main {
  padding: 0;

  overflow-y: hidden;
}

.contente {
  margin-top: 60px;
}
</style>